<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <title>个人中心</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui-pull-refresh.css" />
    <style>
        html,
        body {
            width: 100%;
            min-height: 100%;
            background: #ffffff;
        }

        .aui-active .aui-bar-tab-label {
            color: #f5a51c
        }

        .login {
            height: 240px;
            background-image: -webkit-linear-gradient(0deg, #f5c674, #ed824c);
            /*background-image: url(../../image/personal_bkg.jpg);background-repeat: no-repeat; background-size: cover;*/
            position: relative;
        }

        .login .personal_logo {
            width: 4rem;
            height: 4rem;
            border-radius: 50%;
            margin: 0 auto 9px;
            /*position: absolute; top: 60px; left: 20px;*/
        }

        .login .userinfo {
            position: absolute;
            top: 60px;
            text-align: center;
            left: 0;
            right: 0;
        }

        .login .userinfo .title {
            font-size: 0.8rem;
            color: #fff;
        }
        /* 设置条目 */

        .item {
            height: 3rem;
            line-height: 3rem;
            padding-left: 0.7rem;
            background-color: #fff;
        }

        .item_ico {
            float: left;
            width: 2.3rem;
            padding: 0.7rem 0.7rem 0.7rem 0;
        }

        .item_arrow {
            float: right;
            width: 1.5rem;
            padding: 1rem 0.7rem 1rem 0;
        }

        .item span {
            font-size: 0.7rem;
        }

        [v-cloak] {
            display: none;
        }

        #header_top .aui-icon-left {
          color: #333;
        }
    </style>
</head>

<body>
    <div id="app">
        <header id="header_top" class="aui-bar aui-bar-nav aui-bar-light">
            <a class="aui-pull-left" onclick="goback()">
                <span class="aui-iconfont aui-icon-left"></span>
            </a>
            <div class="aui-title">标题</div>
            <div style="font-size:0.7rem" class="aui-pull-right rightText"></div>

        </header>
    </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/zepto.js"></script>
<script type="text/javascript" src="../../script/vue.min.js"></script>
<script type="text/javascript" src="../../script/utils.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/aui-tab.js"></script>
<script type="text/javascript" src="../../script/aui-scroll.js"></script>
<script type="text/javascript" src="../../script/aui-pull-refresh.js"></script>
<script type="text/javascript">
    var header_top = $api.byId('header_top');
    var header_topPos = $api.offset(header_top);

    function goback() {
        api.closeWin();
    }
    apiready = function() {
        $api.fixStatusBar(header_top);
        $('.aui-title').html(api.pageParam.msg);
        $('.rightText').html(api.pageParam.text);
        api.openFrame({
            name: 'type',
            url: api.pageParam.url,

            rect: {
                x: 0,
                y: header_topPos.h,
                w: 'auto',
                h: api.frameHeight - (header_topPos.h)
            },
            pageParam: {
                name: 'test1'
            }
        });

        $('.rightText').click(function() {
            if ($('.rightText').html() == "编辑") {
              $('.rightText').html("取消");
                api.sendEvent({
                    name: 'edit_shops',
                    extra: {
                        name: '编辑商品',
                    }
                });
            }else{
              $('.rightText').html("编辑");
              api.sendEvent({
                  name: 'edit_shops',
                  extra: {
                      name: '取消编辑',
                  }
              });
            }
        })
    };


    //刷新
    function setRefresh() {
        var pullRefresh = new auiPullToRefresh({
            container: document.querySelector('.aui-refresh-content'),
            triggerDistance: 100
        }, function(ret) {

            if (ret.status == "success") {
                setTimeout(function() {
                    pullRefresh.cancelLoading(); //刷新成功后调用此方法隐藏
                }, 1500)
            }
        })
    }
</script>

</html>
